
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">

    <title>card</title>
    <style>
        html,body{
            height: 100%;
            width:100%;
        }
        .remember
        {
            position: absolute;
            left: 5px;
            top: 50px;
            cursor: pointer;
            z-index: 1;
            opacity: .01;
        }
        .remember:checked+.checkbox {
            background: #146fdf url("https://ui.ptlogin2.qq.com/style/8/images/checked.png") 1px 1px;
            border-color: #146fdf;
        }

        .remember+.checkbox {
            display: inline-block;
            width: 21px;
            height: 21px;
            position: absolute;
            left: 5px;
            top: 50px;
            border: 1px solid #9abbe3;
            background: 0;
            border-radius: 11px;
        }

        .image{
            overflow: hidden;
            border-radius: 50%;
            display:inline-block;
        }

        .name{
            font-size: 20px;
            font-weight: 800;
            letter-spacing: 1px;
            margin-top: 1px;
        }

        .content_center li{
            font-weight: 300;
            font-size: 10px;
            color: gray;
            letter-spacing: 1px;
            margin-left: 2px;
            list-style-type: none;
        }
        .content_center span{
            font-weight: 300;
            font-size: 10px;
            color: orange;
        }
        .content_center p{
            padding-right: 8px;
            display:inline;
        }
        .smallpic{
            width:10px;
            height:10px;
            margin-right: 5px;
            color:orange;
        }


        .line{
            font-weight: 300;
            font-size: 10px;
            color: gray;
            letter-spacing: 1px;
            margin: 1px;
            margin-left: 2px;
            padding-bottom: 2px;
            border-bottom:1px solid #D3D3D3;
            filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
            -moz-opacity:0.5; /*Firefox私有，透明度50%*/
            opacity:0.5;/*其他，透明度50%*/
        }
        /*.selectbutton{
            position: absolute;
            top:5%;
            left:75%;
        }*/
        #e_id{
            display: none;
        }
    </style>
    <style type="text/css">.infinite-scroll-preloader {margin-top:-20px;}</style>
    <link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/sm.css">
    
   
</head>
<body>
<p id="e_id">none</p>
<div class="page-group">
    <!-- 单个page ,第一个.page默认被展示-->
    <div class="page">
        <header class="bar bar-nav">
        <a class="back">
            <button class="button button-link button-nav pull-left">
                <span class="icon icon-left"></span>返回
            </button>
            </a>
            <button class="button button-link button-nav pull-right">
                确定
            </button>
            <h1 class="title">选择技术员</h1>
        </header>
        <!-- 添加 class infinite-scroll 和 data-distance向下无限滚动可不加infinite-scroll-bottom类，这里加上是为了和下面的向上无限滚动区分-->
        <div class="content infinite-scroll infinite-scroll-bottom" data-distance="100">
            <div class="list-block">
                <ul class="list-container"></ul>
            </div>
            <!-- 加载提示符 -->
            <div class="infinite-scroll-preloader">
                <div class="preloader"></div>
            </div>
        </div>
    </div>
     <script type='text/javascript' src='http://g.alicdn.com/sj/lib/zepto/zepto.js' charset='utf-8'></script>
    <script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm.js' charset='utf-8'></script>
   <script type="text/javascript" src="/js/base.js"></script>
<script type="text/javascript">
        master();
        $.init();
</script>
</div>


</body>
</html>